<template>
	<div>
		<el-dialog :visible.sync="dialogTableVisible" width="500px" top="25vh" custom-class="default-dialog">
			<div class="d-flex">
				
				<img :src="item.my_code" style="width: 170px;height: 170px;"/>
				<div class="d-flex flex-column a-center j-center text-white" style="width: 330px;">
					<span class="pb-3 font-sm">{{item.name}}</span>
					<span>{{item.detail}}</span>
				</div>
			</div>
		</el-dialog>
	</div>
</template>

<script>

	export default{
		
		methods:{
			showDialog(item){
				this.item=item
				this.dialogTableVisible=true
			}
		},
		data(){
			return{
				item:[],
				dialogTableVisible: false,
			}
		}
	}
</script>

<style>
	.default-dialog{
		background-image: url(../../assets/images/bling.png)!important;
		background-repeat: no-repeat!important;
		background-position: 100%!important;
		background-color: #28c3c5!important;
	
	}
	.el-dialog__header{
		padding: 0!important;
	}
</style>
